﻿<UserControl x:Class="WeiTalk.Controls.PeopleControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
  d:DesignWidth="235" Loaded="OnLoaded">
	<UserControl.Resources>
		
		<Storyboard x:Name="sbLastStatus">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="stackPanel">
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:2" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:3" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:4" Value="60"/>
				<EasingDoubleKeyFrame KeyTime="0:0:5" Value="60"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		
	</UserControl.Resources>
	<Border  BorderThickness="0,2,0,0" Margin="5,0"  >
		
        <Grid x:Name="LayoutRoot" Background="#FF1BA1E2" Margin="0">
        	<Grid.ColumnDefinitions>
        		<ColumnDefinition Width="auto"/>
				<ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="auto"/>
				<RowDefinition Height="*"/>
			</Grid.RowDefinitions>
			
			<Border BorderThickness="0,0,0,2"   CornerRadius="2" VerticalAlignment="Top" Margin="12">
					<Border.BorderBrush>
						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
							<LinearGradientBrush.RelativeTransform>
								<CompositeTransform CenterY="0.5" CenterX="0.5" Rotation="90"/>
							</LinearGradientBrush.RelativeTransform>
							<GradientStop Color="#FFADADAD" Offset="0"/>
							<GradientStop Color="#FFADADAD" Offset="1"/>
							<GradientStop Color="White" Offset="0.5"/>
						</LinearGradientBrush>
					</Border.BorderBrush>
                <Image Width="50" Height="50" VerticalAlignment="Top" x:Name="headImg" Grid.Column="0" HorizontalAlignment="Left" Margin="0,0,0,0" Stretch="UniformToFill" Source="/Images/default.png" RenderTransformOrigin="0.5,0.5" OpacityMask="#FFE9E9E9" >
                	<Image.Clip>
			             <RectangleGeometry  Rect="0, 0, 50, 50" RadiusX="5" RadiusY="5"/>
			         </Image.Clip>
                	
                	</Image>
		        </Border>
				<StackPanel  x:Name="spOnLineStatus" VerticalAlignment="Bottom" Margin="45,0,0,8" Width="9" Height="9" Background="#FF57F900"/>
				
				<StackPanel Grid.Column="1" >
					<TextBlock Text="名称" FontSize="18.667" Margin="0,12,0,0" x:Name="tbName" FontWeight="Bold" TextWrapping="Wrap"/>
					<!--<StackPanel Grid.Column="1" Margin="0,12,0,0" Orientation="Horizontal">
					<TextBlock Text="所在地" FontSize="21.333" Margin="24,5,0,0" x:Name="tbLocation"/>
					<TextBlock Text="粉丝数" FontSize="21.333" Margin="24,5,0,0" x:Name="tbFollowersCount"/>
					</StackPanel>
					<StackPanel Grid.Column="1" Margin="0,12,0,0" Orientation="Horizontal">
					<TextBlock Text="关注数" FontSize="21.333" Margin="24,5,0,0" x:Name="tbFridendsCount"/>
					<TextBlock Text="微博数" FontSize="21.333" Margin="24,5,0,0" x:Name="tbStatusesCount"/>
					</StackPanel>-->
					
				</StackPanel>
				<StackPanel Grid.Row="1" Margin="0,12" Grid.ColumnSpan="2" Background="#FF26870B" VerticalAlignment="Top">
					<TextBlock Text="注册时间" FontSize="16" Margin="12,5,0,0" x:Name="tbCreateAt"/>
					<TextBlock Text="互粉" FontSize="16" Margin="12,5,0,0" x:Name="tbFollowMe"/>
				</StackPanel>
				

				<StackPanel x:Name="stackPanel" Grid.ColumnSpan="2" Grid.Row="1" Margin="0,5,0,0" Background="#B2624949" VerticalAlignment="Top" Height="100" RenderTransformOrigin="0.5,0.5">
					<StackPanel.RenderTransform>
						<CompositeTransform TranslateY="100"/>
					</StackPanel.RenderTransform>
					<TextBlock Text="用户描述只显示70字" FontSize="18.667" Margin="5" x:Name="tbDescription" TextWrapping="Wrap" Foreground="#FFFDFDFD" FontFamily="Segoe UI Semibold" VerticalAlignment="Top"/>
			    </StackPanel>
    	</Grid>
		</Border>
</UserControl>
